<!DOCTYPE html>
<html class="no-js">
	<head>
		<title>LinkedIn</title>
		<script src="../js/modernizr.custom.22324.js"></script>
	</head>
	<body>
		<header>
			<h1><a href="http://www.linkedin.com/" title="LinkedIn">LinkedIn</a></h1>
			<nav>
				<ul>
					<li><a href="#">Home</a></li>
					<li><a href="#">What is LinkedIn?</a></li>
					<li><a href="#">Join Today</a></li>
					<li>
						<form>
							<fieldset>
								<legend>Sign In</legend>
								<ul>
									<li>
										<label for="emailLogin">Email:</label>
										<input type="email" id="emailLogin" />
									</li>
									<li>
										<label for="passwordLogin">Password:</label>
										<input type="password" id="passwordLogin" />
									</li>
									<li>
										<input type="Submit" value="Sign In" />
									</li>
								</ul>
							</fieldset>
						</form>
					</li>
				</ul>
			</nav>
		</header>
		<hr/>
		<section>
			<article>
				<header>
					<h1>Over 175 million professionals use LinkedIn to exchange information, ideas and opportunities</h1>
				</header>
				<ul>
					<li>Stay informed about your contacts and industry</li>
					<li>Find the people &amp; knowledge you need to achieve your goals</li>
					<li>Control your professional identity online</li>
				</ul>
			</article>
		</section>
		<section>
			<article>
			<header>
				<h2>Join LinkedIn Today</h2>
			</header>
			<form>
				<fieldset>
					<legend>Sign Up</legend>
					<ul>
						<li>
							<label for="firstName">First Name:</label>
							<div><input type="text" id="firstName" /></div>
						</li>
						<li>
							<label for="lastName">Last Name</label>
							<div><input type="text" id="lastName" /></div>
						</li>
						<li>
							<label for="emailRegister">Email:</label>
							<div><input type="email" id="emailRegister" /></div>
						</li>
						<li>
							<label for="passwordRegister">Password:</label>
							<div><input type="password" id="passwordRegister" /></div>
							<p>6 or more characters</p>
						</li>
					</ul>
					<input type="submit" value="Join Now" />
					<a href="#">*</a>
				</fieldset>
			</form>
			<footer>
				<p>Already on LinkedIn? <a href="#">Sign in</a></p>
			</footer>
			</article>
		</section>
		<footer>
			<header>
				<h3>Search for someone by name:</h3>
			</header>
			<section>
				<form>
					<ul>
						<li>
							<label for="firstNameSearch">First Name</label>
							<input type="text" id="firstNameSearch" placeholder="First Name" />
						</li>
						<li>
							<label for="lastNameSearch">Last Name</label>
							<input type="text" id="lastNameSearch" placeholder="Last Name" />
						</li>
					</ul>
					<input type="submit" value="Go" />
				</form>
			</section>
		</footer>
	</body>
</html>